<template>
  <div>
    <div class="content-head">
      <a-row>
        <a-col span="12">
          <a-button icon="delete" disabled>删除</a-button>
        </a-col>
        <a-col span="10" offset="2">
          <a-input-group>
            <a-input-search placeholder="请输入姓名/手机号" enterButton />
          </a-input-group>
        </a-col>
      </a-row>
    </div>
    <div class="content-body">
      <a-table :columns="columns" :dataSource="dataSource" :rowSelection="rowSelection" />
    </div>
  </div>
</template>

<script>
  export default {
    name: 'data_household_nopass',
    data() {
      return {
        description:'无关联房屋住户进入待审核列表；住户迁入房屋后进入已迁入列表；审核不通过进入未通过列表；管理员将住户迁出房屋后，住户进入已迁出列表。',
        tabs:{
          active:() => 'nopass',
          callback:(e) => {
            this.$router.push({name:`data_household_${e}`});
          },
          items:[{title:'住户管理',key:'index'},{title: '待审核',key:'checking'},{title:'未通过','key':'nopass'},{title:'普通用户',key:'delindex'}]
        },
        columns:[
          {
            title: '姓名'
          },
          {
            title: '小区'
          },
          {
            title: '手机'
          },
          {
            title: '住户来源'
          },
          {
            title: '注册时间'
          },
          {
            title: '注册说明'
          },
          {
            title: '证件'
          },
          {
            title: '不通过原因'
          },
          {
            title: '操作'
          }
        ],
        dataSource:[], // 列数据
        rowSelection:{
          onChange: (selectedRowKeys, selectedRows) => {
            console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows);
          },
          onSelect: (record, selected, selectedRows) => {
            console.log(record, selected, selectedRows);
          },
          onSelectAll: (selected, selectedRows, changeRows) => {
            console.log(selected, selectedRows, changeRows);
          },
        }
      }
    },
    methods:{

    }
  }
</script>

<style lang="less" scoped>
  .content-body{
    padding-top:20px;
  }
</style>